<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>苏州旅行社欢迎您</title>
    <link rel="stylesheet" href="CSS/basic.css">
    <link rel="stylesheet" href="CSS/inforticket.css">
    <link rel="stylesheet" href="CSS/scenery.css">
</head>
<body>
<header id="header">
    <div class="center">
        <h2 class="logo">苏州旅行社</h2>
        <nav class="link">
            <ul>
                <li><a href="index.html">首页</a></li>
                <li><a href="information.html">旅游资讯</a></li>
                <li><a href="ticket.html">机票订购</a></li>
                <li><a href="scenery.html">风景欣赏</a></li>
                <li><a href="about.html">关于公司</a></li>
            </ul>
        </nav>
    </div>
</header>
<div id="headline">
    <div class="center">
        <hgroup>
            <h2>旅游资讯</h2>
            <h3>介绍各种最新旅游信息、资讯要闻、景点攻略等</h3>
        </hgroup>

    </div>
</div>
<div id="container">
    <!--侧边栏-->
    <aside class="sidebar">
        <div class="sidebox">
            <h2>景点推荐</h2>
            <div class="tag">
                <ul>
                    <li><a href="#">曼谷(12)</a></li>
                    <li><a href="#">东京(5)</a></li>
                    <li><a href="#">西双版纳(8)</a></li>
                    <li><a href="#">漓江(16)</a></li>
                    <li><a href="#">呼伦贝尔(4)</a></li>
                    <li><a href="#">首尔(9)</a></li>
                    <li><a href="#">巴厘岛(15)</a></li>
                    <li><a href="#">土耳其(22)</a></li>
                    <li><a href="#">夏威夷(5)</a></li>
                    <li><a href="#">巴厘岛(11)</a></li>
                    <li><a href="#">毛里求斯(7)</a></li>
                    <li><a href="#">吉普岛(4)</a></li>
                    <li><a href="#">希腊(18)</a></li>
                    <li><a href="#">法瑞意(8)</a></li>
                    <li><a href="#">马尔代夫(9)</a></li>
                    <li><a href="#">新西兰(16)</a></li>
                    <li><a href="#">埃及(11)</a></li>
                    <li><a href="#">迪拜(14)</a></li>
                    <li><a href="#">斯里兰卡(7)</a></li>
                    <li><a href="#">麦哈顿(3)</a></li>
                    <li><a href="#">大阪(15)</a></li>
                </ul>
            </div>
        </div>
        <div class="sidebox">
            <h2>热门旅游</h2>
            <div class="figure">
                <figure>
                    <img src="img/hot1.jpg" alt="曼谷-芭提雅6日游">
                    <figcaption>曼谷-芭提雅6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot2.jpg" alt="马尔代夫双鱼6日游">
                    <figcaption>马尔代夫双鱼6日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot3.jpg" alt="海南双飞5日游">
                    <figcaption>海南双飞5日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot4.jpg" alt="富山大阪东京8日游">
                    <figcaption>富山大阪东京8日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot5.jpg" alt="法瑞意德12日游">
                    <figcaption>法瑞意德12日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot6.jpg" alt="巴厘岛6日半游">
                    <figcaption>巴厘岛6日半游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot7.jpg" alt="塞舌尔迪拜8日游">
                    <figcaption>塞舌尔迪拜8日游</figcaption>
                </figure>
                <figure>
                    <img src="img/hot8.jpg" alt="花样土耳其10日游">
                    <figcaption>花样土耳其10日游</figcaption>
                </figure>


            </div>
        </div>
        <div>
            <div class="sidebox">
                <h2>旅游百宝箱</h2>
                <div class="box">
                    <a href="#" class="trea1">天气预报</a>
                    <a href="#" class="trea2">火车票查询</a>
                    <a href="#" class="trea2">航空查询</a>
                    <a href="#" class="trea4">地铁线路查询</a>
                </div>
            </div>
        </div>
    </aside>
<div class="list scenery">
    <h2>风景欣赏</h2>
    <figure>
        <img src="img/s2.jpg" alt="曼谷-芭提雅">
        <figcaption>曼谷芭提雅[共8张]</figcaption>
    </figure>
    <figure>
        <img src="img/s3.jpg" alt="曼谷-芭提雅">
        <figcaption>曼谷芭提雅[共8张]</figcaption>
    </figure>
    <figure>
        <img src="img/s4.jpg" alt="曼谷-芭提雅">
        <figcaption>曼谷芭提雅[共8张]</figcaption>
    </figure>
    <figure>
        <img src="img/s5.jpg" alt="曼谷-芭提雅">
        <figcaption>曼谷芭提雅[共8张]</figcaption>
    </figure>
    <figure>
        <img src="img/s6.jpg" alt="曼谷-芭提雅">
        <figcaption>曼谷芭提雅[共8张]</figcaption>
    </figure>
    <figure>
        <img src="img/s7.jpg" alt="曼谷-芭提雅">
        <figcaption>曼谷芭提雅[共8张]</figcaption>
    </figure>
    <figure>
        <img src="img/s8.jpg" alt="曼谷-芭提雅">
        <figcaption>曼谷芭提雅[共8张]</figcaption>
    </figure>
    <figure>
        <img src="img/s1.jpg" alt="曼谷-芭提雅">
        <figcaption>曼谷芭提雅[共8张]</figcaption>
    </figure>

    <div class="more">加载更多</div>
</div>

</div>
<footer id="footer">
    <div class="top">
        <div class="block">
            <h2>合作伙伴</h2>
            <hr>
            <ul>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
            </ul>
        </div>
        <div class="block">
            <h2>旅游FAQ</h2>
            <hr>
            <ul>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
                <li>途牛旅游网</li>
            </ul>
        </div>
        <div class="block">
            <h2>联系方式</h2>
            <hr>
            <ul>
                <li>微博:weibo.com/ycku</li>
                <li>邮件:szxc@szku.com</li>
                <li>地址:江苏省苏州市姑苏区</li>
            </ul>
        </div>
    </div>
    <div class="bottom">
        Copyright © YCKU 苏城旅行社| 苏ICP 备XXXXXXXXX号| 旅行社经营许可证:L-YC-XX11111
    </div>
</footer>
</body>
</html>